<template>
	<view @click="change">
		<image style="width: 100%;height: 100vh;" :src="imageList[curIndex]"></image>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				curIndex:0,
				imageList:['http://img.layzz.cn/teach-1.jpg','http://img.layzz.cn/teach-2.jpg','http://img.layzz.cn/teach-3.jpg','http://img.layzz.cn/teach-4.jpg']
			}
		},
		onLoad() {
			// 在页面中定义插屏广告
			let interstitialAd = null
			
			// 在页面onLoad回调事件中创建插屏广告实例
			if (wx.createInterstitialAd) {
			  interstitialAd = wx.createInterstitialAd({
			    adUnitId: getApp().globalData.parseAdCard
			  })
			  interstitialAd.onLoad(() => {})
			  interstitialAd.onError((err) => {})
			  interstitialAd.onClose(() => {})
			}
			
			// 在适合的场景显示插屏广告
			if (interstitialAd) {
			  interstitialAd.show().catch((err) => {
			    console.error(err)
			  })
			}
		},
		methods: {
			change() {
				if(this.curIndex <= 2) {
					this.curIndex = this.curIndex + 1;
				}else{
					uni.switchTab({
						url:'../index/index'
					})
				}
			}
		}
	}
</script>

<style>
.imgStype {
	width: 100%;
	height: 700px;
}
</style>
